<template>
	<view>
		<!--  我的粉丝 -->
		<view class="m-bg-w">
			<view class="heighly">
				<view v-if="dataList.length">
					<u-list @scrolltolower="reachBottom">
						<u-list-item v-for="(item, index) in dataList" :key="index">
							<u-cell :label="item.mobile">
								<u-avatar slot="icon" size="55" :src="item.avatar"></u-avatar>
								<view slot="title" class="u-flex u-flex-items-center">
									<text class="u-cell-text u-font-32">{{item.nickname}}</text>
									<view class="xiazai u-m-l-60">{{item.level===1?"团员":item.level===2?"明星团长":"高级团长"}}
									</view>
								</view>
							</u-cell>
						</u-list-item>
					</u-list>
				</view>
				<list-empty v-else text="暂时没有数据哟!" list="data" :listHighly="highly"></list-empty>
			</view>
			<u-back-top :scrollTop="pagescrollTop" top="200"></u-back-top>
			<u-loading-page loading-text="内当家APP" :loading="pageLoad"></u-loading-page>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: []
			}
		},
		async onLoad() {
			if (this.pageLoad) {
				setTimeout(() => {
					this.pageLoad = false;
				}, 1000);
			}

			this.path = 'getFans'
			this.params = {
				...this.params,
				pnum: this.pnum,
			};
			await this.getList();
		},
		methods: {},
	}
</script>

<style lang="scss" scoped>
	.xiazai {
		width: 100rpx;
		height: 35rpx;
		line-height: 35rpx;
		background-color: #d37a38;
		border-radius: 40rpx;
		font-size: 20rpx;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
</style>
